<html> 
    <head> 
        <title></title> 
        <link rel="stylesheet" type="text/css" href="css/present.css" /> 
<script type="text/javascript">
$(function() {
   $(".hide").css({opacity: 0}).hide();
   sub = { index:0, steps: [], step: function() {sub.steps[sub.index++]();}};
   sub.next= function () { return sub.index >= sub.steps.length; };
   sub.steps.push(function() {$(".step0").show().animate({opacity:1}, 1000)});
   sub.steps.push(function() {$(".step0").animate({opacity:0}, 1000, function() { $(".step0").hide();$(".step1").show().animate({opacity:1}, 100)})});
   sub.steps.push(function() {$(".step1").animate({opacity:0}, 1000, function() { $(".step1").hide();$(".step2").show().animate({opacity:1}, 1000)})});
});
</script>

    </head> 
<body class="jsxgraph_body"> 
<div class="step0 hide">
<img src="images/banktafel2.jpg" height="580">
</div>
<div class="step1 hide">
<ul> 
<li>Real Challenge #2: Size doesn't matter. Customize it!<p>Demo: <a href="http://localhost/iscriptdesign" target="_blank">iscriptdesign</a></li>
</ul>
</div>
<div class="step2 hide">
<img src="images/banktafel1.jpg" height="580">
</div>
</ul>
</body>
</html>
